<template>
  <div class="page">
    <van-nav-bar title="数据开发与利用" left-text="返回" @click-left="goBack">
      <van-icon slot="left" name="arrow-left" size="20" />
    </van-nav-bar>
    <div class="content">
      <d1-card />
      <!-- <d2-box /> -->
      <d3-chart />
      <d4-chart />
      <d5-card />
    </div>
  </div>
</template>

<script>
import D1Card from "@/views/develop/modules/d1-card";
import D2Box from "@/views/develop/modules/d2-box";
import D3Chart from "@/views/develop/modules/d3-chart";
import D4Chart from "@/views/develop/modules/d4-chart";
import D5Card from "@/views/develop/modules/d5-card";
/**
 * 数据开发利用
 */
export default {
  name: "developIndex",
  components: { D1Card, D2Box, D3Chart, D4Chart, D5Card },
  data() {
    return {
      box1Data: {
        deptNum: 0, // 部门
        openDirNum: 0, // 开放目录数
        openSumNum: 0, // 开放数量总量
        dataAppNum: 0, // 数据应用数量
        openNetNum: 0, // 开放网站访问量
        dataDownNum: 0, // 数据下载数量
      },
      box2Data: {
        interfaceCallTimes: 0, // 累计接口调用次数
        cumulateTablePushTimes: 0, // 累计库表推送次数
      },
      box5Data: {
        myCity: 10010, // 我的盐城
        policy: 10001, // 政策通
        proper: 98112, // 不动产登记
        xxx: 2233, // XXX
      },
    };
  },
  methods: {
    goBack() {
      this.$router.push({ path: "/" });
    },
  },
};
</script>

<style lang="less" scoped>
.page {
  .content {
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    padding: 10px 10px;
    .content-card {
      margin: 10px 0;
      border: 1px solid #f2f2f2;
      background-color: #ffffff;
      box-shadow: 0 4px 8px rgba(90, 163, 236, 0.14);
      border-radius: 4px;
    }
  }
}
</style>
